The deletion and insertion operations on HTML node elements need to be used in the past few days. Due to some troubles when using the insertBefore method, we can summarize appendChild, insertBefore, and insertAfter as knowledge.
AppendChild
The two methods are understood first from the definition:appendchild () method: You can add a new child node to the end of the node's child nodes list . Syntax: AppendChild (newchild)insertbefore () method: You can insert a new child node before the
This article mainly analyzes the use of AppendChild and insertBefore in js in detail. If you need it, you can refer to it for help.
AppendChild DefinitionAppendChild (newChild: Node): Node
Appends a node to the childNodes array for the
Document. createElement () is an object created in the object. It must be used together with the appendChild () or insertBefore () method. The appendChild () method adds a new subnode at the end of the subnode list of the node. The insertBefore ()
Detailed comparison between js AppendChild and insertBefore
This article mainly compares AppendChild and insertBefore usage in js in detail. For more information, see.
We know that both appendChild and insertBefore have the function of inserting
This article is mainly on the use of JS AppendChild and InsertBefore in a detailed analysis of the introduction, the need for friends can come to the reference, I hope to help you. AppendChild definition appendchild (Newchild:node): node appends
Create a simple loop plug-in effect based on insertBefore and an insertbefore
Display:
View Source Code
[Function description]
Use insertBefore to create a simple loop plug-in effect
[HTML code description]
1 2 3 4 5 6
[CSS code description]
.in{
AppendChild definitionAppendChild (newchild:node): NodeAppends a node to the ChildNodes array for the node.Supported:ie 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+Adding a node to an array of child nodes of the specified node is a bit
First, we can understand the two methods from the definition:
AppendChild () method: you can add a new subnode to the end of the node's subnode list. Syntax: appendChild (newchild)
InsertBefore () method: you can insert a new subnode before an
Document.createelement () is an object that is created in an object and is used in conjunction with the appendchild () or InsertBefore () method. where the AppendChild () method adds a new child node at the end of the node's child node list. The
AppendChild definitionAppendChild (newchild:node): NodeAppends a node to the ChildNodes array for the node.Supported:ie 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+Adding a node to an array of child nodes of the specified node is a bit
We know that both appendchild and insertbefore have the function of inserting nodes. However, there are some differences between the two in terms of applications.For example, when we want to insert a subnode P in the following Div: node node We
1, AppendChild and InsertBefore are the methods used to do the node, and InsertAfter is just a custom function2, InsertBefore relative to the appendchild, it is more flexible to insert a new node into the target node array in any location.3, the use
We know that both appendchild and insertbefore have the function of inserting nodes. However, there are some differences between the two in terms of applications.
For example, when we want to insert a subnode P in the following Div:
node node
Speaking of the InsertBefore () method, in fact JavaScript and jquery have this method, then they use the same?In fact, there is a little difference. Anyway, I love to confuse, make a small note first! 1. InsertBefore () method (JavaScript)Grammar:
We know that both appendchild and InsertBefore have the ability to insert nodes. But in the application, there are some differences between the two.
For example, if we were to insert a child node p in the following div:
NodeNode
We can write it
InsertBefore (): A.insertbefore (b)A in front, b in the rear,A: is a selector, B: also a selectorDOCTYPE HTML>HTML>Head> MetaCharSet= ' UTF-8 '> title>Jqutitle> Scripttype= "Text/javascript"src= ' Jquery-2.2.0.min.js
The two methods are understood first from the definition:AppendChild () Method: You can add a new child node to the end of the node's child nodes list. Syntax: AppendChild (newchild)InsertBefore () Method: You can insert a new child node before the
Target.insertbefore (Newchild,existingchild)Parameter description:1.target: The node being added and the parent node of the existing node.2.newChild: The node that will be inserted.3.existingChild: The existing node, the new node will be inserted in
This article is mainly about the use of JS AppendChild and InsertBefore in a detailed comparison. Need friends can come to the reference, I hope to help you. We know that both appendchild and InsertBefore have the ability to insert nodes. But in
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.